<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS3.0</title>
		<style>
			/* 引入样式表写法 缺陷：先html 后css*/
			@import url(css/学习CSS3.css);
			/* 需求：5个p添加背景颜色 */
			p{
				background-color: aqua;
			}
		</style>
	<!-- 项目专用：外部样式表 找到外部的css文件 
		link元素[可以写多个]  href="相对路径+xxx.css"
		-->
		<li nk rel="stylesheet" href="css/学习CSS3.css" />
	</head>
	<body>
		<!-- 文本元素群：文本元素 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>是放假
		<!-- 一.什么是CSS
		       Cascading Style Sheets 层叠样式表、级联样式表、简称样式表
		     【主要作用：效果、布局】
		      使用：HTML5+CSS3构建网页
		      HTML5结构层     元素    属性与属性值    功能：效果
		      问题：针对单个元素
		      CSS样式层       元素    属性与属性值    功能：效果
		      解决html中属性与属性值针对单个元素操作的问题
		      实现内容与表现分离，解决代码冗余
			  二.使用CSS样式表【4种】
		   【不用】①内联/级联样式表：任意元素的前标记上添加style属性="属性：属性值;"
	   【练习专用】②内部样式表：在head元素中，添加style元素，编写css基本语法
	   【项目专用】③外部样式表：在head元素中，添加link外链元素，编写css基本语法
	   【不可以用】④引入样式表：css2语法，在head元素中，添加style元素，添加@import url();
			  三.CSS3基础语法
			    选择器{
					属性： 属性值;
					属性： 属性值;
					....
				}
			    选择器：抓取页面元素
				属性： 属性值;抓到元素的效果与布局
				效果与布局：边框、颜色、文本字体、盒模型、浮动、动画....
			  
		  -->
		  <p align="center">lorem</p>
		  <p align="center">lorem</p>
		  <!-- ①内联样式表语法：style="css属性: (必须打空格)属性值;"css属性: (必须打空格)属性值;"-->
		  <p style="text-align: center;color: red;">lorem</p>
		  <p align="center">lorem</p>
		  <p align="center">lorem</p>
	</body>
</html>